<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>卡片管理</title>
	<link href="css/common.css" rel="stylesheet">
    <link href="css/ec.css" rel="stylesheet">
	<link href="css/list.css" rel="stylesheet">
</head>
<body>
		<div class="tab">
			<h3><a href="">首页</a><a href="">> 卡片管理</a></h3>
				<ul class="tabtitle">
                    <li class="active"><a >卡片信息</a></li>
                    <li><a >下载卡片文件</a></li>
                    <li><a >库存管理</a></li>
                    <li><a >库存盘点</a></li>
                  </ul>
			  <input type="button" value="新建卡片" class="new ">
			  <div class="tablist set">
			    <div class="tablt listfir">
            <table cellpadding="0" cellspacing="0">
              <tr class="th">
                <th>制卡单位</th>
                <th>卡名称</th>
                <th>卡介质</th>
                <th>卡生成制卡秘钥</th>
                <th>下载秘钥</th>
                <th>积分卡</th>
                <th class="icon">操作</th>
              </tr>
              <tr>
                <td>制卡单位</td>
                <td><img src="images/icon/s1.png" class="tdimg"> </td>
                <td>卡介质</td>
                <td><label>卡生bbbbbbbbbbbbbbbbbbbbv成制卡秘钥</label></td>
                <td>下载秘钥</td>
                <td>积分卡</td>
                <td class="icon">
                   <div >
                       <a class="lock" title="锁住"></a>
                        <a class="disabled" title="禁用"></a>
                        <a class="delete" title="删除"></a>
                        <a class="edit" title="编辑"></a>
                        <a class="unlock" title="解锁"></a>
                        <a class="launch" title="启用"></a>
                        <a class="refresh" title="刷新"></a>
                        <a class="list" title="列表"></a>
                       <a class="recover" title="垃圾箱"></a>
                       <a class="no-turn-card" title="绑定"></a>
                       <a class="turn-card" title="绑定"></a>
                       <a class="detail" title="垃圾箱"></a>
                       <a class="retreat" title="列表"></a>
                       <a class="bind" title="绑定"></a>
                       <a class="unbund" title="解绑"></a>
                       <a class="print" title="打印"></a>
                   </div>
                </td>
              </tr>
            </table>
            <div class="pages">
                <div class="pagination">
                    <a href="#" class="first">首页</a>
                    <a href="#" class="prev">上一页</a>
                    <a href="#" class="current">1</a>
                    <a href="#">2</a>
                    <span class="disc">...</span>
                    <a href="#" class="next">下一页 </a>
                    <a href="#" class="last">末页 </a>
                    <span class="disc">共141页 - 到第</span>
                    <input type="text" class="num"> 页
                    <input type="button" value="Go">

                </div>
            </div>
			    </div>
			    <div class="tablt listsec message">
			        <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td><label>选择</label></td>
                            <td>
                                <select name="" id="">
								      <option value=""></option>
                                </select>
                                <a href="" class="arrows" >∨</a>
                            </td>
                             <td><label>卡bin管理</label></td>
                            <td><input type="text"></td>
                         </tr>
                         <tr>
                             <td><label>起始卡号</label></td>
                             <td><input type="text"></td>
                             <td><label>终止卡号</label></td>
                             <td><input type="text"></td>
                         </tr>
                        <tr>
                             <td><label>制卡张数</label></td>
                             <td><input type="text"></td>
                         </tr>
                        <tr>
                            <td><label>发送范围</label></td>
                            <td colspan="3">
                                <select name="" id="">
                                    <option value=""></option>
                                </select>
                                <a href="" class="arrows" >∨</a>
                            </td>
                        </tr>
                        <tr class="textarea">
                            <td><label>备注说明</label></td>
                            <td colspan="3"><textarea></textarea></td>
                        </tr>
                    </table>
                    <p class="save">
                        <span><input type="button" value="保存" class="red"></span>
                        <span><label><input type="checkbox" class="cho"> 同时生产制卡订单</label></span>
				    </p>
			    </div>
			 <div class="tablt listthi sys message">
          <div class="tree">
                    <iframe width="100%" height="100%" frameborder="0" scrolling="no" src="tree.html"></iframe>
          </div>
          <div class="tit">
            <p>总制卡数量<br>&nbsp;&nbsp;  1000</p>
            <p>售卡数量<br> &nbsp; &nbsp; 1000</p>
            <p>挂失卡数量<br> &nbsp; &nbsp; 1000</p>
            <p>库存数量<br>&nbsp; &nbsp;  1000</p>
          </div>
          <table cellpadding="0" cellspacing="0">
            <tr>
              <th>卡号</th>
              <th>状态</th>
              <th class="icon">操作</th>
            </tr>
            <tr>
              <td>00012125352</td>
              <td>在途</td>
              <td class="icon">
                <div>
                  <a class="disabled"></a><a class="delete"></a><a class="edit"></a><a class="lock"></a>
                </div>
              </td>
            </tr>
          </table>
			  </div>
			  <div class="tablt listfor ">
          <table cellpadding="0" cellspacing="0">
            <tr>
              <th>机构</th>
              <th>卡片</th>
              <th>详情</th>
              <th class="icon">操作</th>
            </tr>
            <tr>
              <td>00012125352</td>
              <td><a href="" class="xiang">详情</a></td>
              <td><a href="" class="tun">囤油支付</a></td>
              <td class="icon">
                  <div>
                <a class="disabled"></a>
                <a class="delete"></a>
                <a class="edit"></a>
                <a class="lock"></a></div>
              </td>
            </tr>
            <tr>
              <td>00012125352</td>
              <td><a href="" class="jie">结算</a></td>
              <td><a href="" class="chu">储油支付</a></td>
              <td class="icon"><div>
                <a class="disabled"></a>
                <a class="delete"></a>
                <a class="edit"></a>
                <a class="lock"></a></div>
              </td>
            </tr>
            <tr>
              <td>00012125352</td>
              <td>在途</td>
              <td><a href="" class="jia">加油支付</a></td>
              <td class="icon"><div>
                <a class="disabled"></a>
                <a class="delete"></a>
                <a class="edit"></a>
                <a class="lock"></a></div>
              </td>
            </tr>
          </table>

          <table cellpadding="0" cellspacing="0" class="btable">
              <tr>
                <td>总计：<span>10L</span></td>
                <td>总笔数：<span>1笔</span></td>
                 <td>总计：<span>10L</span></td>
              </tr>
          </table>
			  </div>
			</div>
		</div>

        <script src="js/jquery.js"></script>
        <script src="js/ec.js"></script>
</body>
</html>